<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>概况</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.pageview.css" rel="stylesheet" />
		<link href="../css/public.css" rel="stylesheet" />
		<link href="../css/style.css" rel="stylesheet" />
	</head>
	<body class="mui-fullscreen">
		<!--页面主结构开始-->
		<div id="app" class="mui-views">
			<div class="mui-view">
				<div class="mui-navbar">
				</div>
				<div class="mui-pages">
				</div>
			</div>
		</div>
		<!--页面主结构结束-->
		
		
		<div id="about" class="mui-page about">
			<!--页面标题栏开始-->
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">概况</h1>
			</div>
			<!--页面标题栏结束-->
			<div class="mui-slider mui-page-content">
				<div id="sliderSegmentedControl" class="mui-bar mui-bar-nav mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item1mobile">概况</a>
					<a class="mui-control-item" href="#item2mobile">区县</a>
					<a class="mui-control-item" href="#item3mobile">文化</a>
					<a class="mui-control-item" href="#item4mobile">名人</a>
					<a class="mui-control-item" href="#item5mobile">影像</a>
				</div>
				<div id="sliderProgressBar" class="mui-slider-progress-bar"></div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="about_intro">
									<p align='center'><img src='http://pic2.rzta.com/upfiles/2018/02-03/201802030841246220.jpg' width='100%'></p><p style='line-height: 180%; font-size:14px'>　　日照，因“日出初光先照”而得名，因“蓝天、碧海、金沙滩”而享誉。总面积5359平方公里，总人口294万。
<br>　　作为山东半岛“仙境海岸”四个主体城市之一，日照拥有海岸线168.5公里，其中优质金沙滩64公里，资源优势得天独厚。近年来，市委、市政府高度重视旅游产业发展，把发展旅游业作为稳增长、调结构、惠民生的新支点，把旅游业与城市同步规划、同步建设、同步发展，着力构建旅游业发展新格局。2016年是“十三五”开局之年，市委、市政府审时度势，明确提出要把旅游业发展摆到和工业发展同等重要的地位，大力实施“旅游富市”战略。2月29日专门召开了全市旅游产业发展大会，出台了《关于促进旅游业改革发展的意见》及相关政策，明确了今后一个时期全市旅游业发展的总体思路、重点措施和目标任务，充分彰显了市委、市政府对旅游业发展的高度重视和坚定决心。&nbsp;
<br></p><p align='center'><img src='http://pic2.rzta.com/upfiles/2018/02-03/201802030842034190.jpg' width='100%'></p><p style='line-height: 180%; font-size:14px'>
　　十三五”期间，日照旅游业改革发展的总体思路是以“好客山东”、“仙境海岸”品牌为引领，以创建“国家全域旅游示范区”为抓手，抢抓“一带一路”国家战略和航空、高铁时代来临机遇，大力实施“旅游富市”战略，坚持规划先行，强化项目带动，突出改革创新，着力转型升级，聚力滨海资源开发、山岳景区打造、乡村旅游提档“三项重点”，强化旅游环境优化、旅游市场开拓、旅游发展政策保障“三项举措”，推动旅游资源向统筹整合、集约开发转变，旅游产品向休闲度假、文化体验、会展商务、养生养老转变，旅游服务向规范化、精细化、个性化转变，加快构建海山联动、城乡互动、多业融合、全域发展的大旅游格局。发展理念是坚持旅游空间全域化、旅游产业融合化、旅游产品品牌化、旅游设施标准化、旅游服务精细化、旅游环境友好化，牢固树立“全域旅游”发展理念，推动旅游城市向城市旅游转变，以城促旅，以旅兴城，实现城旅一体化发展。目标任务是到2020年，全市旅游业实现“三个显著提升”：一是旅游综合实力显著提升，旅游消费总额达到450亿元，年均旅游消费增幅达11%以上，旅游就业人数达到20万人以上。二是旅游产业实力显著提升，建成5个年接待游客100万人次以上的景区，重点培育5个年经营收入过亿元的旅游龙头企业。三是旅游品牌形象显著提升，创建2个国家5A级旅游景区、1个国家级旅游度假区、2个省级旅游度假区，旅游品牌形象更加鲜明，将日照打造成为海洋休闲度假名城、东方太阳文化圣地和丝绸之路文化旅游东方起点。&nbsp;
<br></p><p align='center'><img src='http://pic2.rzta.com/upfiles/2018/02-03/201802030843124380.jpg' width='100%'></p><p style='line-height: 180%; font-size:14px'>
　　日照是一座底蕴深厚、富有内涵的灵秀城市。这里是“龙山文化”的重要发祥地，现已发现陵阳河、两城、尧王城、丹土、东海峪等“龙山文化”遗址近百处。牛津大学出版的《世界史便览》称，公元前3500年到公元前2000年的日照两城是亚洲最早的城市。莒县陵阳河遗址发掘的原始陶文比甲骨文早1000多年，为我国文字之始祖。春秋时期的莒文化与齐文化、鲁文化并称“山东三大文化”。&nbsp;这里的农民画享誉中外，是国家文化部首批命名的中国现代民间绘画之乡，与上海金山、陕西户县并称“中国三大农民画乡”。这里有近4000年树龄的“天下第一银杏树”，有被大文豪苏东坡赞誉为“奇秀不减雁荡”的佛教圣地五莲山。这里历史悠久，人杰地灵，是西周时期伟大军事家和政治家姜子牙、南北朝时期杰出文学评论家刘勰、中共一大代表王烬美、当代著名物理学家诺贝尔奖获得者丁肇中、原中央政治局常委宋平等名人志士的故乡。这里建有规模宏大的日照大学城，省内外7所知名大学先后搬迁至此，进一步地提升了这座年轻城市的文化品位。
<br></p><p align='center'><img src='http://pic2.rzta.com/upfiles/2018/02-03/201802030842300900.jpg' width='100%'></p><p style='line-height: 180%; font-size:14px'>&nbsp;
　　日照是一座朝气蓬勃、享誉四方的“水上运动之都”。这里有“亚洲第一、世界领先”的水上运动基地，先后成功举办了全国帆船锦标赛、全国沙滩排球巡回赛、国际帆船世界锦标赛和世界帆板精英赛、历届中国水上运动会等多项国内、国际重大体育赛事，第29届奥运会帆船帆板热身赛和第11届全运会6等个比赛项目也都在这里举行。水上运动已成为日照对外形象的鲜明标志。&nbsp;
<br>　　日照是一座交通便捷、迅速崛起的港口城市。这里港口优势突出，是理想的深水良港，拥有日照、岚山两个国家一类对外开放大港，岚山港拥有中国北方最大的液体化工码头，日照港是中国第二大煤炭输出港。这里区位、交通优势明显，是新亚欧大陆桥东方桥头堡，是中国重点开发的沿海主轴线——日照至西安沿桥经济带的交汇点，是鲁南地区唯一的出海口和中国中西部地区的重要出海口，拥有菏日、胶新、坪岚三条铁路和日兰、沈海两条高速公路，海陆交通四通八达，素有“两港通四海、一线系亚欧”之美誉。特别是随着日照机场的建成、航线的开通，日照陆海空立体交通格局将更加完善。未来三年，日照还将迎来高铁时代。青日连城际铁路2017年底开通，济青高铁2018年开通，鲁南快速铁路客运通道，临沂、菏泽至郑州的高铁已开工，2018年开通，京沪高铁(二线走莒县)已列入“十三五”规划。将来日照至北京、上海、郑州、西安，再往西可达兰州，都是2.5—5.5个小时抵达，日照旅游客源市场将从目前的600—800公里半径快速扩大到1700公里以上。
<br>　　　日照是资源丰富、独具魅力的中国优秀旅游目的地。日照旅游资源丰富，“海、山、古、林、泉”兼备，旅游资源得天独厚。“海”有6000平方公里海域波澜壮阔，有64公里优质沙滩绵延细软，有33座岛礁星罗棋布，有3亿吨大港世界驰名。“山”有“奇秀不减雁荡”的五莲山，有植有“天下第一银杏树”的浮来山，有“江北第一野生杜鹃花园”的九仙山。“古”有两城遗址、陵阳河遗址、丹土遗址、东海峪遗址等历史遗存，有早于甲骨文1000多年的原始陶文，有5000年悠久历史的日照黑陶，有太阳文化、莒文化、东夷文化等优秀历史文化。“林”有江北最大的优质绿茶基地，有国家海滨森林公园。“泉”有管帅温泉、山海天地热温泉。&nbsp;
<br>　　日照旅游以观光为基础，以休闲度假为重点，以特色旅游为补充，形成了以蓝天、碧海、金沙滩为代表的融自然、山水和人文资源为一体的系列旅游度假产品。近年来，日照以打造“国际滨海休闲名城、东方太阳文化圣地、中国民俗风情之乡”为目标，高起点规划发展旅游产业，着力提高旅游接待能力和服务水平，全面加强旅游基础设施和旅游环境建设，精心打造日照特色旅游品牌，努力实现人与自然和谐共处、经济与社会协调发展的新突破。&nbsp;&nbsp;
<br></p><p align='center'><img src='http://pic2.rzta.com/upfiles/2018/02-03/201802030844036470.jpg' width='100%'></p><p style='line-height: 180%; font-size:14px'>
　　日照旅游产品日益丰富。“十二五”期间，梦幻海滩公园、阳光海岸山海天段、岚山多岛海等项目相继建成，构筑了日照滨海休闲度假旅游胜地；岚桥锦江大酒店、莒国大饭店、凯德购物广场相继营业，提升了旅游接待服务能力和水平。淡季旅游项目实现新突破，杏石温泉度假村成为全市首家温泉度假村；五莲县黑虎山狩猎场成为华东地区第一个现代化狩猎场；五莲山、浮来青、沁园春等3个滑雪场先后运营。以及杏石温泉度假村、黑虎山狩猎场、冬季采摘项目、大青山国际太极拳培训基地、五莲县五蔬园、龙门崮春节文化庙会等旅游项目和活动，极大地改变了淡季旅游产品单一的局面，形成了登山、泡泉、滑雪、狩猎、打拳、乡村采摘、民俗庙会等丰富的冬季旅游系列产品。&nbsp;
<br>　　“十三五”期间，日照旅游将牢固树立“抓项目就是抓发展，抓大项目就是抓大发展”的意识，把项目建设摆在推动旅游业发展的首要位置，按照储备一批、引进一批、新开工一批、建成一批、改造一批、整合一批的流动发展模式，重点从强化规划引领、加大旅游项目招引和市场主体培育等方面加强旅游项目建设，切实打造一批有影响力和震撼力的旅游产品，提升日照旅游业核心竞争力。目前，确定了一批带动力强、发展潜力大的高端优质项目，通过项目建设带动旅游业整体水平提升。其中新上海洋馆、四季花鸟园、激光秀、尚城旅游小镇、渔人码头等30多个滨海旅游项目；改造提升天台山、五莲山、浮来山、大青山、龙门崮、河山、驻龙山、卧龙山等10个山岳旅游项目；推进莲山人家、绿茶文化长廊等4个乡村旅游片区和花仙子风俗小镇、白鹭湾大地艺术村、嗡嗡乐园、农乐园、茶乐谷等6个乡村旅游项目建设；抓好康体养生、会展旅游、工业旅游、研学旅行、体育旅游、文化旅游、露营旅游、邮轮旅游等8大类新业态旅游项目。&nbsp;
<br></p><p align='center'><img src='http://pic2.rzta.com/upfiles/2018/02-03/201802030844361590.jpg' width='100%'></p><p style='line-height: 180%; font-size:14px'>
　　旅游商品琳琅满目。日照有驰名中外的乌鱼蛋、乌鱼干、文蛤、西施舌、对虾、海米等海鲜珍品；有黑陶、农民画、地毯、石雕、根雕等艺术品；有在国际市场上倍受青睐的抽纱、刺绣、工艺屏风等；日照绿茶正走出国门，展翅欲飞。&nbsp;
<br>　　在日照，您可以尽情享受温带海滨度假旅游、水上运动之都体育游、五莲山生态宗教游、莒国福寿文化游带来的无限乐趣；尽情体验以吃渔家饭、干渔家活、享渔家乐为主要内容的“渔家乐”民俗风情游，品尝过百种的海鲜鱼贝之美味，体验海“3S”（阳光Sunshine—大海Sea—沙滩Sandbeach）休闲情趣；尽情欣赏巨港如龙、松涛似海，欣赏江北最大绿茶基地和毛竹园的壮观和秀美&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;&nbsp;
<br>　　日照，这座年轻的滨海旅游城市正以蓝天之高远，大海之辽阔，青山之灵秀，绿树之幽雅，热切呼唤着您！正以更加宽广的胸怀，更加优美的环境，更加秀美的景色，更加热诚的服务和更加灿烂的微笑，真诚期待着您！</p>
								</div>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">
							<!--<div class="mui-loading">
										<div class="mui-spinner"></div>
								</div>-->
								<div class="about_county">
									<div class="county_nav">
				               	  		<a href="#setting" class="n1">东港区</a>
				               	  		<a href="#" class="n2">岚山区</a>
				               	  		<a href="#" class="n3">莒县</a>
				               	  		<a href="#" class="n4">五莲县</a>
				               	  		<a href="#" class="n5">山海天旅游度假区</a>
				               	  	</div>
									<div class="mapimg">
				                		<img src="../images/map.png" usemap="#Map" />
				               	  		<p>日照市行政区划</p>
									</div>
								</div>
							</div>
						</div>

					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="about_culture">
									<li class="mui-card">
										<a href="#" class="mui-card-content">
											<img src="../img/p2.jpg"/>
											<div class="tit">
												<h3>日照特色美食</h3>
												<p>
													<em><i class="iconfont icon-yulan"></i>250</em>
													<span><i class="iconfont icon-clock"></i>05-06</span>
												</p>
											</div>
										</a>
									</li>
									<li class="mui-card">
										<a href="#" class="mui-card-content">
											<img src="../img/p3.jpg"/>
											<div class="tit">
												<h3>日照特色美食</h3>
												<p>
													<em><i class="iconfont icon-yulan"></i>250</em>
													<span><i class="iconfont icon-clock"></i>05-06</span>
												</p>
											</div>
										</a>
									</li>
									<li class="mui-card">
										<a href="#" class="mui-card-content">
											<img src="../img/p4.jpg"/>
											<div class="tit">
												<h3>日照特色美食</h3>
												<p>
													<em><i class="iconfont icon-yulan"></i>250</em>
													<span><i class="iconfont icon-clock"></i>05-06</span>
												</p>
											</div>
										</a>
									</li>
								</ul>
							</div>
						</div>

					</div>
					<div id="item4mobile" class="mui-slider-item mui-control-content">
						<div id="scroll4" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view about_famous">
									<li class="mui-table-view-cell mui-media">
										<a href="javascript:;">
											<img class="mui-media-object mui-pull-left" src="../img/mr.jpg">
											<div class="mui-media-body">
												<h3>丁肇中</h3>
												<p>丁肇中，男，1936年1月27日生于美国密歇根州安阿伯城，祖籍是中国山东省日照市，实验物理学家。</p>
											</div>
										</a>
									</li>
									<li class="mui-table-view-cell mui-media">
										<a href="javascript:;">
											<img class="mui-media-object mui-pull-left" src="../img/mr.jpg">
											<div class="mui-media-body">
												<h3>丁肇中</h3>
												<p>丁肇中，男，1936年1月27日生于美国密歇根州安阿伯城，祖籍是中国山东省日照市，实验物理学家。</p>
											</div>
										</a>
									</li>
									<li class="mui-table-view-cell mui-media">
										<a href="javascript:;">
											<img class="mui-media-object mui-pull-left" src="../img/mr.jpg">
											<div class="mui-media-body">
												<h3>丁肇中</h3>
												<p>丁肇中，男，1936年1月27日生于美国密歇根州安阿伯城，祖籍是中国山东省日照市，实验物理学家。</p>
											</div>
										</a>
									</li>
								</ul>
							</div>
						</div>

					</div>
					<div id="item5mobile" class="mui-slider-item mui-control-content">
						<div id="scroll5" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="about_video">
									<li class="mui-card">
										<a href="#" class="mui-card-content">
											<div class="icon_video"><img src="../images/icon_video.png"/></div>
											<img src="../img/p8.jpg" class="img" />
											<div class="tit">
												<h3>日照特色美食</h3>
												<p>
													<em><i class="iconfont icon-yulan"></i>250</em>
													<span><i class="iconfont icon-clock"></i>05-06</span>
												</p>
											</div>
										</a>
									</li>
									<li class="mui-card">
										<a href="#" class="mui-card-content">
											<div class="icon_video"><img src="../images/icon_video.png"/></div>
											<img src="../img/p6.jpg" class="img"/>
											<div class="tit">
												<h3>日照特色美食</h3>
												<p>
													<em><i class="iconfont icon-yulan"></i>250</em>
													<span><i class="iconfont icon-clock"></i>05-06</span>
												</p>
											</div>
										</a>
									</li>
									<li class="mui-card">
										<a href="#" class="mui-card-content">
											<div class="icon_video"><img src="../images/icon_video.png"/></div>
											<img src="../img/p7.jpg" class="img"/>
											<div class="tit">
												<h3>日照特色美食</h3>
												<p>
													<em><i class="iconfont icon-yulan"></i>250</em>
													<span><i class="iconfont icon-clock"></i>05-06</span>
												</p>
											</div>
										</a>
									</li>
								</ul>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		
			
		<!--单页面开始-->
		<div id="setting" class="mui-page">
			<!--页面标题栏开始-->
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">账户设置</h1>
			</div>
			<!--页面标题栏结束-->
			<!--页面主内容区开始-->
			<div class="mui-page-content setting">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-card mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell setting_head">
								<a id="head" class="mui-navigate-right">
									头像
									<span class="mui-pull-right head">
										<img class="head-img mui-action-preview" id="head-img1" src="../img/head.jpg"/>
									</span>
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="#account" class="mui-navigate-right">昵称 <i class="mui-pull-right update">小蜜蜂</i></a>
							</li>
							<li class="mui-table-view-cell" id="showSexy">
								<a href="#" class="mui-navigate-right">性别 <i class="mui-pull-right update" id="sexyResult">请选择</i></a>
							</li>
							<li class="mui-table-view-cell" id='showBirthday' data-options='{"type":"date","beginYear":1970,"endYear":2010}'>
								<a href="#" class="mui-navigate-right">生日 <i class="mui-pull-right update" id="birthdayResult" >请选择</i></a>
							</li>
						</ul>
						<ul class="mui-card mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<i class="mui-pull-right update">立即设置</i>
									<span class="mui-media-object iconfont icon-yaochi mui-pull-left"></span>
									<div class="mui-media-body">登录密码</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<i class="mui-pull-right update">135*****524</i>
									<span class="mui-media-object iconfont icon-shoujihao mui-pull-left"></span>
									<div class="mui-media-body">手机号</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<i class="mui-pull-right update">未绑定</i>
									<span class="mui-media-object iconfont icon-weixin1 mui-pull-left"></span>
									<div class="mui-media-body">微信号</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<i class="mui-pull-right update">未绑定</i>
									<span class="mui-media-object iconfont icon-qq1 mui-pull-left"></span>
									<div class="mui-media-body">QQ号</div>
								</a>
							</li>
						</ul>
						<ul class="mui-card mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell mui-media">
								<a id="showAddress" class="mui-navigate-right">
									<i class="mui-pull-right update">立即设置</i>
									<span class="mui-media-object iconfont icon-dizhi mui-pull-left"></span>
									<div class="mui-media-body">收货地址</div>
								</a>
							</li>
						</ul>
					</div>
					<footer class="mui-bar mui-bar-tab footbar2">
						<a class="mui-btn mui-btn-black" href="#">退出登录</a>
					</footer>
				</div>
			</div>
			<!--页面主内容区结束-->
		</div>
		<!--单页面结束-->
		
		<nav class="mui-bar mui-bar-tab footbar">
			<a class="mui-tab-item mui-active" href="../index.html">
				<span class="mui-icon iconfont icon-shouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon iconfont icon-diqu2"></span>
				<span class="mui-tab-label">区县</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon iconfont icon-daohang"></span>
				<span class="mui-tab-label">导航</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="mui-icon iconfont icon-liuyan"></span>
				<span class="mui-tab-label">留言</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon iconfont icon-bianminfuwu"></span>
				<span class="mui-tab-label">便民</span>
			</a>
		</nav>
		<script src="../js/mui.min.js"></script>
		<script src="../js/mui.view.js"></script>
		<script>			
			mui.init({});
			//初始化单页view
			var viewApi = mui('#app').view({
				defaultPage: '#about'
			});
			//初始化单页的区域滚动
			mui('.mui-scroll-wrapper').scroll();
			
			var view = viewApi.view;
			
			//处理view的后退与webview后退
			var oldBack = mui.back;
			mui.back = function() {
				if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
					viewApi.back();
				} else { //执行webview后退
					oldBack();
				}
			};
				
			
	  		
			
		</script>
	
	</body>

</html>